<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>焊客e家-个人中心首页</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<!-- <link rel="stylesheet" href="css/zndj_detail.css"> -->
		<link rel="stylesheet" href="css/personal_common.css">
		<link rel="stylesheet" href="css/personal_index.css">
	</head>

	<body>
		<div class="header innerHead">
			<div class="top">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，请</span>
						<a href="./personal_index.html">您好 , 张三</a>
						<!-- <i class="line"></i>
						<a href="./register.html">免费注册</a> -->
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav psrsonal">
				<div class="fl logo"><img src="images/personal_logo.png" alt=""></div>

				<div class="fr search">
					<div class="searchCon" style="margin-right:65px;">
						<input type="text" placeholder="请输入关键字">
						<a class="search_btn" href="#">搜索</a>
					</div>
					<a class="p_link" style="margin-right:50px;"  href="./index.html">首页</a>
					<a class="p_link account_set" href="./account_set.html">账户设置</a>
				</div>
			</div>
		</div>
		

		<div class="per_container ovw">
			<div class="main">
				<!-- 左侧 -->
				<div class="fl lf_content">
					<!-- 个人信息 -->
					<div class="user_info">
						<div class="head"><img src="images/p_user_head.png" alt=""></div>
						<p class="name">黄金焊工</p>
						<div class="label_img">
							<img src="images/label_img.png" alt=""><img src="images/label_img_a.png" alt=""><img src="images/label_img_b.png" alt="">
						</div>
						<p class="achievement_val">我的成就值 : <span>1,200</span><a href=""><img src="images/query.png" alt="" title=""></a></p>
					</div>
					<!-- 列表 -->
					<ul class="classify_list">
						<li >
							<div class="one_rank">
								<a href="./personal_zndj.html">
									<div class="fl img_box"><img class="" src="images/p_icon_a.png" alt=""></div>
									<p>我的智能对接</p>
								</a>
							</div>
							<ul class="list_two">
								<li ><a href="">我的发布</a></li>
								<li><a href="">我的参与</a></li>
							</ul>
						</li>
						<li>
							<div class="one_rank">
								<a href="./personal_zsk.html">
									<div class="fl img_box"><img class="" src="images/p_icon_b.png" alt=""></div>
									<p>我的知识库</p>
								</a>
							</div>
							<ul class="list_two">
								<li><a href="">我的上传</a></li>
							</ul>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/p_icon_c.png" alt=""></div>
									<p>我的焊客圈</p>
								</a>
							</div>
							<ul class="list_two">
								<li><a href="">我的发起</a></li>
								<li><a href="">我的参与</a></li>
							</ul>
						</li>
						<li>
							<div class="one_rank">
								<a href="./personal_my_zc.html">
									<div class="fl img_box"><img class="" src="images/p_icon_d.png" alt=""></div>
									<p>我的众创</p>
								</a>
							</div>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/p_icon_e.png" alt=""></div>
									<p>我的秀展</p>
								</a>
							</div>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/p_icon_f.png" alt=""></div>
									<p>我的商业街</p>
								</a>
							</div>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/p_icon_g.png" alt=""></div>
									<p>我的收藏</p>
								</a>
							</div>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/p_icon_h.png" alt=""></div>
									<p>我的培训</p>
								</a>
							</div>
						</li>
					</ul>
				</div>
				
				<!-- 右侧内容 -->
				<div class="rt_content">
					<div class="tab_box">
						<ul class="tab_change ">
							<li class="current"><a href="javascript:;">智能对接</a></li>
							<li><a href="javascript:;">众创区</a></li>
							<li><a href="javascript:;">秀展区</a></li>
							<li><a href="javascript:;">知识库</a></li>
							<li><a href="javascript:;">焊客圈</a></li>
						</ul>
						<ul class="value_content width_set ">
							<li>
								<i class="fr line"></i>
								<a href="">
								<p class="number">10</p>
								<p>我的参与</p></a>
							</li>
							<li>
								<a href="">
								<i class="fr line"></i>
								<p class="number">暂无</p>
								<p>我的发布</p></a>
							</li>
							<li>
								<a href="">
								<p class="number">111</p>
								<p>我的收藏</p></a>
							</li>
						</ul>
						<ul class="value_content hid">
							<li>
								<a href="">
								<i class="fr line"></i>
								<p class="number">1,250</p>
								<p>我的参与</p></a>
							</li>
							<li>
								<a href="">
								<i class="fr line"></i>
								<p class="number">150</p>
								<p>成功众创</p></a>
							</li>
							<li>
								<a href="">
								<i class="fr line"></i>
								<p class="number">10</p>
								<p>我的众创</p></a>
							</li>
							<li>
								<a href="">
								<p class="number">101</p>
								<p>我的收藏</p></a>
							</li>
						</ul>
						<ul class="value_content width_set hid">
							<li>
								<i class="fr line"></i>
								<a href="">
								<p class="number">1,250</p>
								<p>我的参与</p></a>
							</li>
							<li>
								<a href="">
								<i class="fr line"></i>
								<p class="number">150</p>
								<p>我的发布</p></a>
							</li>
							<li>
								<a href="">
								<p class="number">10</p>
								<p>我的收藏</p></a>
							</li>
						</ul>
						<ul class="value_content hid">
							<li>
								<a href="">
								<i class="fr line"></i>
								<p class="number">1,250</p>
								<p>我的发布</p></a>
							</li>
							<li>
								<a href="">
								<i class="fr line"></i>
								<p class="number">150</p>
								<p>总下载量</p></a>
							</li>
							<li>
								<a href="">
								<i class="fr line"></i>
								<p class="number">10</p>
								<p>我的下载</p></a>
							</li>
							<li>
								<a href="">
								<p class="number">101</p>
								<p>审核中的</p></a>
							</li>
						</ul>
						<ul class="value_content hid">
							<li>
								<a href="">
								<i class="fr line"></i>
								<p class="number">1,250</p>
								<p>我的参与</p></a>
							</li>
							<li>
								<a href="">
								<i class="fr line"></i>
								<p class="number">150</p>
								<p>我的发布</p></a>
							</li>
							<li>
								<a href="">
								<i class="fr line"></i>
								<p class="number">10</p>
								<p>精华帖</p></a>
							</li>
							<li>
								<a href="">
								<p class="number">101</p>
								<p>收藏量</p></a>
							</li>
						</ul>
					</div>

					<div class="content_box">
						<!-- 左侧 -->
						<div class="fl list_left">
							<!-- 智能对接 -->
							<dl class="list ">
								<dt>
									<a class="fr btn" href="./personal_zndj.html"><img src="images/add1.png" alt="">查看更多</a>
									<h3>我的智能对接</h3>
								</dt>
								<dd>
									<p class="title fl">
										<a href=""><span class="name">专业手弧焊</span></a>
										<span class="label">供方</span>
									</p>
									<div class="fr rt">
										<span class="inform">已有最新留言，请注意查收</span>
										<i class="line"></i>
										<span class="date_time">2017-11-24 18:23</span>

									</div>
								</dd>
								<dd>
									<p class="title fl">
										<a href=""><span class="name">专业手弧焊</span></a>
										<span class="label">供方</span>
									</p>
									<div class="fr rt">
										<span class="inform">已有最新留言，请注意查收</span>
										<i class="line"></i>
										<span class="date_time">2017-11-24 18:23</span>

									</div>
								</dd>
								<dd class="bor_none">
									<p class="title fl">
										<a href=""><span class="name">专业手弧焊</span></a>
										<span class="label">供方</span>
									</p>
									<div class="fr rt">
										<span class="inform">已有最新留言，请注意查收</span>
										<i class="line"></i>
										<span class="date_time">2017-11-24 18:23</span>

									</div>
								</dd>
							</dl>
							<!-- 数据为空时显示 -->
							<dl class="list list_null hid">
								<dt>
									<a class="fr btn" href=""><img src="images/add1.png" alt="">查看更多</a>
									<h3>我的智能对接</h3>
								</dt>
								<dd>
									<div class="fl lf_img"><img src="images/re_icon_c.png" alt=""></div>
									<div class="rt_text">
										<p>还没有发布过智能对接哦，快来发布吧</p>
										<a href="">发布智能对接</a>
									</div>
								</dd>
							</dl>
							<!-- 知识库 -->
							<dl class="list zsk_list">
								<dt>
									<a class="fr btn" href="./personal_zsk.html"><img src="images/add1.png" alt="">查看更多</a>
									<h3>我的知识库</h3>
								</dt>
								<dd>
									<p class="title fl">
										<img src="images/word_icon.png" alt="">
										<a href=""><span class="name">专业手弧焊</span></a>
									</p>
									<div class="fr rt">
										<span class="inform">已有最新留言，请注意查收</span>
										<i class="line"></i>
										<span class="date_time">2017-11-24 18:23</span>

									</div>
								</dd>
								<dd>
									<p class="title fl">
										<img src="images/word_icon.png" alt="">
										<a href=""><span class="name">专业手弧焊</span></a>
									</p>
									<div class="fr rt">
										<span class="inform">已有最新留言，请注意查收已有最新留言，请注意查收</span>
										<i class="line"></i>
										<span class="date_time">2017-11-24 18:23</span>

									</div>
								</dd>
								<dd class="bor_none">
									<p class="title fl">
										<img src="images/word_icon.png" alt="">
										<a href=""><span class="name">专业手弧焊</span></a>
									</p>
									<div class="fr rt">
										<span class="inform">已有最新留言，请注意查收已有最新留言，请注意查收</span>
										<i class="line"></i>
										<span class="date_time">2017-11-24 18:23</span>
									</div>
								</dd>
							</dl>
							<!-- 数据为空时显示 -->
							<dl class="list list_null hid">
								<dt>
									<a class="fr btn" href=""><img src="images/add1.png" alt="">查看更多</a>
									<h3>我的知识库</h3>
								</dt>
								<dd>
									<div class="fl lf_img"><img src="images/re_icon_d.png" alt=""></div>
									<div class="rt_text">
										<p>还没有发布知识库哦，快来发布吧</p>
										<a href="">发布知识库</a>
									</div>
								</dd>
							</dl>
							<!-- 我的众创 -->
							<dl class="list ">
								<dt>
									<a class="fr btn" href="./personal_my_zc.html"><img src="images/add1.png" alt="">查看更多</a>
									<h3>我的众创</h3>
								</dt>
								<dd>
									<p class="title fl">
										<a href=""><span class="name">专业手弧焊</span></a>
										<span class="label">可穿戴</span>
									</p>
									<div class="fr rt">
										<span class="inform">已有最新留言，请注意查收</span>
										<i class="line"></i>
										<span class="date_time">2017-11-24 18:23</span>

									</div>
								</dd>
								<dd>
									<p class="title fl">
										<a href=""><span class="name">专业手弧焊</span></a>
										<span class="label">可穿戴</span>
									</p>
									<div class="fr rt">
										<span class="inform">已有最新留言，请注意查收</span>
										<i class="line"></i>
										<span class="date_time">2017-11-24 18:23</span>

									</div>
								</dd>
								<dd class="bor_none">
									<p class="title fl">
										<a href=""><span class="name">专业手弧焊</span></a>
										<span class="label">可穿戴</span>
									</p>
									<div class="fr rt">
										<span class="inform">已有最新留言，请注意查收</span>
										<i class="line"></i>
										<span class="date_time">2017-11-24 18:23</span>

									</div>
								</dd>
							</dl>
							<!-- 数据为空时显示 -->
							<dl class="list list_null hid">
								<dt>
									<a class="fr btn" href=""><img src="images/add1.png" alt="">查看更多</a>
									<h3>我的众创</h3>
								</dt>
								<dd>
									<div class="fl lf_img"><img src="images/re_icon_e.png" alt=""></div>
									<div class="rt_text">
										<p>还没有发布众创哦，快来发布吧</p>
										<a href="">发布众创</a>
									</div>
								</dd>
							</dl>
						</div>

						<!-- 右侧列表 -->
						<div class="fr rt_list">
							<dl class="correlation_list">
								<dt>
									<a class="fr btn" href=""><img src="images/add1.png" alt="">查看更多</a>
									<h3>我的足迹</h3>
								</dt>
								<dd>
									<p class="sign">今日浏览</p>
									<a href="">
									<div class="fl lf_img"><img src="images/per_img.png" alt=""></div>
									<div class="intro">
										<p class="title">专业手弧焊</p>
										<div class="type">
											<span>类型 : <i>手弧焊</i></span>
											<span class="fr">数量 : <i>1</i></span>
										</div>
										<div class="user_site">
											<img src="images/site.png" alt="">
											<span>上海市闵行区</span>
										</div>
									</div>
									</a>
								</dd>
								<dd>
									<a href="">
									<div class="fl lf_img"><img src="images/per_img.png" alt=""></div>
									<div class="intro">
										<p class="title">专业手弧焊</p>
										<div class="type">
											<span>类型 : <i>手弧焊</i></span>
											<span class="fr">数量 : <i>1</i></span>
										</div>
										<div class="user_site">
											<img src="images/site.png" alt="">
											<span>上海市闵行区</span>
										</div>
									</div>
									</a>
								</dd>
								<dd>
									<a href="">
									<div class="fl lf_img"><img src="images/per_img.png" alt=""></div>
									<div class="intro">
										<p class="title">专业手弧焊</p>
										<div class="type">
											<span>类型 : <i>手弧焊</i></span>
											<span class="fr">数量 : <i>1</i></span>
										</div>
										<div class="user_site">
											<img src="images/site.png" alt="">
											<span>上海市闵行区</span>
										</div>
									</div>
									</a>
								</dd>
								<dd class="bor_none">
									<a href="">
									<div class="fl lf_img"><img src="images/per_img.png" alt=""></div>
									<div class="intro">
										<p class="title">专业手弧焊</p>
										<div class="type">
											<span>类型 : <i>手弧焊</i></span>
											<span class="fr">数量 : <i>1</i></span>
										</div>
										<div class="user_site">
											<img src="images/site.png" alt="">
											<span>上海市闵行区</span>
										</div>
									</div>
									</a>
								</dd>
							</dl>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>
		<script type="text/javascript" src="js/jquery.1.9.1.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript">


			$(function() {
				$(".tab_change li").click(function(){
					$(this).addClass("current").siblings("li").removeClass("current");
					$(".value_content").eq($(this).index()).removeClass("hid").siblings(".value_content").addClass("hid");
				})
			})
		</script>
	</body>

</html>